<template>
  <div id="">
    <div class="memberHead">
      <span class="userImg" @click="toMemberset" v-if="isLogin">
        <img :src="userInfo.icon" alt="" v-if="userInfo.icon">
        <img src="@/assets/images/userImg@2x.png" alt="" v-else>
      </span>
      <span class="userImg" @click="toMemberset" v-else>
        <img src="@/assets/images/userImg@2x.png" alt="">
      </span>
      <p class="loginName" v-if="isLogin" @click="toMemberset">{{userInfo.userName}}</p>
      <p class="loginName" v-else @click="toLogin">登录/注册</p>
      <router-link class="changeUser" :to="{ name: 'landlord', params: {} }">
        切换为房东
      </router-link>
    </div>

    <section class="mb10">
      <user-menu></user-menu>
    </section>

    <section class="myHouse mb10">
      <p class="pText">我的家</p>
      <my-house></my-house>
    </section>

    <section>
      <ul class="otherLists">
        <li @click="callService">
          <p>客服咨询</p>
          <span>
          <img src="@/assets/images/right-icon@2x.png" alt="">
          </span>
        </li>
        <li @click="toFeedback">
          <p>意见反馈</p>
          <span>
          <img src="@/assets/images/right-icon@2x.png" alt="">
          </span>
        </li>
        <li @click="quitLogin">
          <p>退出登录</p>
          <span>
          <img src="@/assets/images/right-icon@2x.png" alt="">
          </span>
        </li>

      </ul>
    </section>

    <foot-nav></foot-nav>
  </div>
</template>
<script src="./myCenter.js"></script>
<style lang="scss" scoped src="./myCenter.scss"></style>
